<ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
  <ion-refresher-content pullingIcon="arrow-dropdown" pullingText="下拉刷新" refreshingSpinner="circles"
    refreshingText="正在刷新...">
  </ion-refresher-content>
</ion-refresher>
<section id="refre_sec" class="bg">
  <ul [ngClass]="{'noDataUl': tagData.data.data.length === 0,'hasDataUl': tagData.data.data.length > 0 }">
    <li class="wrap" *ngFor="let item of tagData.data.data">
      <div class="content" [ngClass]="{'height3':!item.images}" appDebounceClick (debounceClick)="jumpToPage(item)">
        <ng-container *ngIf="item.images || item.images==''">
          <ng-container *ngIf="item.images.imageUrl">
            <img class="content-img" src="{{item.images.imageUrl}}?x-oss-process=image/resize,m_mfit,w_240" alt="">
          </ng-container>
          <ng-container *ngIf="!item.images.imageUrl || item.images===''">
            <img class="content-img" src="assets/img/default_img.png" alt="">
          </ng-container>
          <span class="authm"
            *ngIf="item.images && item.images.isAuthenticated.value">{{item.images.isAuthenticated.label}}</span>
        </ng-container>
        <div class="info">
          <p class="content-title">
            <span class="auth"
              *ngIf="item.title.isAuthenticated && item.title.isAuthenticated.value">{{item.title.isAuthenticated.label}}</span>
            {{item.title.label}}
            <ng-container *ngIf="item.title_right1"><span class="title-right1">{{item.title_right1}}</span>
            </ng-container>
            <ng-container *ngIf="item.title_right2"><span class="title-right2">{{item.title_right2}}</span>
            </ng-container>
          </p>
          <p class="content-prop" *ngIf="item.info">{{item.info}}</p>
          <p class="content-prop" *ngIf="item.other">{{item.other}}</p>
          <p class="content-prop" *ngIf="item.otherInfo">{{item.otherInfo}}</p>
          <span class="status" [ngStyle]="{'color':item.status.fontColor}">{{item.status.label}}</span>
        </div>
      </div>
      <div class="operate">
        <div class="operate-item" *ngFor="let i of item.buttonList" appDebounceClick (debounceClick)="opeateItem(i)">
          <img class="operate-img" src="{{i.icon}}" alt="">
          <p class="operate-p" [ngStyle]="{'color':i.fontColor}">{{i.label}}</p>
        </div>
      </div>
      <!--新增曝光率-->
      <ng-container *ngIf="item.box">
        <div class="bottom-box">
          <div class="box-rate">
            <span class="rate-label">{{item.box?.exposureRate?.label}}</span>
            <ion-progress-bar color="laijian" class="custom-progress" value="{{item.box?.exposureRate?.rate/100}}">
            </ion-progress-bar>
            <span class="rate-span" *ngIf="item.box?.exposureRate?.rate">{{item.box?.exposureRate?.rate}}%</span>
          </div>
          <div class="box-tip">
            <p class="tip-p">{{item.box?.exposureRate?.tip}}</p>
          </div>
        </div>
      </ng-container>
    </li>
    <div class="noDataBtn" *ngIf="tagData.data.data.length === 0">暂无数据</div>
  </ul>
  <ion-infinite-scroll threshold="100px" (ionInfinite)="loadData($event)">
    <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="正在加载更多数据...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</section>